#footer a {
    color: #fff;
}
#footer a:hover {
    text-decoration: underline !important;
}
#scrollup {
    background: url("../images/icon_gototop.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    display: none;
    height: 40px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 40px;
    z-index: 9999 !important;
}
#user-nav .dropdown-menu .member-item {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
#user-nav .dropdown-menu .member-item a {
    padding: 5px 10px;
}
#user-nav .dropdown-menu .member-item a:hover {
    background-color: #f6f6f6 !important;
}
#user-nav .dropdown-menu .member-item img {
    float: left;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px;
}
#user-nav .dropdown-menu .member-item .member-content {
    margin: 10px;
    white-space: normal;
}
#user-nav .dropdown-menu .announcement-item {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
#user-nav .dropdown-menu .announcement-item a {
    padding: 5px 10px;
}
#user-nav .dropdown-menu .announcement-item a:hover {
    background-color: #f6f6f6 !important;
}
#user-nav .dropdown-menu .announcement-item .announcement-content .announcement-time, #user-nav .dropdown-menu .announcement-item .announcement-content .announcement-title, #user-nav .dropdown-menu .announcement-item .announcement-content .announcement {
    display: block;
}
#user-nav .dropdown-menu .announcement-item .announcement-content .announcement-time, #user-nav .dropdown-menu .announcement-item .announcement-content .announcement {
    font-size: 12px;
}
#user-nav .dropdown-menu .announcement-item .announcement-content .announcement-title {
    font-size: 14px;
    white-space: normal;
}
#user-nav .dropdown-menu .announcement-item .announcement-content .announcement {
    white-space: normal;
    color: #666666;
}
#user-nav .dropdown-menu .announcement-item .announcement-content .announcement-time {
    float: right;
    margin-top: 2px;
    color: #999999;
}
#user-nav .dropdown-menu .ewallet-item {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
#user-nav .dropdown-menu .ewallet-item a {
    padding: 5px 10px;
}
#user-nav .dropdown-menu .ewallet-item a:hover {
    background-color: #f6f6f6 !important;
}
#user-nav .dropdown-menu .ewallet-item img {
    float: left;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px;
}
#user-nav .dropdown-menu .ewallet-item .ewallet-content {
    margin: 10px;
    white-space: normal;
}
#user-nav .dropdown-menu .language-item {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
#user-nav .dropdown-menu .language-item a {
    padding: 5px 10px;
}
#user-nav .dropdown-menu .language-item a:hover {
    background-color: #f6f6f6 !important;
}
#user-nav .dropdown-menu .language-item img {
    float: left;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px;
}
#user-nav .dropdown-menu .language-item .language-content {
    margin: 10px;
    white-space: normal;
}
#media-query-trigger {
    /* instead of detecting the width of the window in
     * simple/javascript/script.js it detects the visibility of this element
     * (which is set using media queries)
     instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}
#showclock {
    font-weight: bold;
}
.bootstrap-select .btn:focus {
    border-color: #34495e !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
}
.bootstrap-select .dropdown-menu {
    width: 100% !important;
}
.flat .selectpicker {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.mini-stats li {
    width: 100%;
}
.callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.callout h4 {
    margin-top: 0;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout code, .callout .highlight {
    background-color: #fff;
}
/* Variations */
.callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}
.callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
.callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}
@media only screen and (max-width: 767px) {
    #media-query-trigger {
        visibility: visible;
    }
    .table-responsive.res-drop {
        height: 300px !important;
    }
}
@media (max-width: 481px) {
    #user-nav #menu-member .member-menu {
        border-radius: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 155px;
        bottom: 0;
        overflow: auto;
        border: 0;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }
    .fixed #user-nav #menu-member .member-menu {
        top: 38px;
    }
    #user-nav #menu-member.open .member-menu {
        animation-name: slidenav-animation;
        -webkit-animation-name: slidenav-animation;
        -moz-animation-name: slidenav-animation;
    }
    #user-nav #menu-announcement .announcement-menu {
        border-radius: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 155px;
        bottom: 0;
        overflow: auto;
        border: 0;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }
    .fixed #user-nav #menu-announcement .announcement-menu {
        top: 38px;
    }
    #user-nav #menu-announcement.open .announcement-menu {
        animation-name: slidenav-animation;
        -webkit-animation-name: slidenav-animation;
        -moz-animation-name: slidenav-animation;
    }
    #user-nav #menu-ewallet .ewallet-menu {
        border-radius: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 155px;
        bottom: 0;
        overflow: auto;
        border: 0;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }
    .fixed #user-nav #menu-ewallet .ewallet-menu {
        top: 38px;
    }
    #user-nav #menu-ewallet.open .ewallet-menu {
        animation-name: slidenav-animation;
        -webkit-animation-name: slidenav-animation;
        -moz-animation-name: slidenav-animation;
    }
    #user-nav #menu-language .language-menu {
        border-radius: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 155px;
        bottom: 0;
        overflow: auto;
        border: 0;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }
    .fixed #user-nav #menu-language .language-menu {
        top: 38px;
    }
    #user-nav #menu-language.open .language-menu {
        animation-name: slidenav-animation;
        -webkit-animation-name: slidenav-animation;
        -moz-animation-name: slidenav-animation;
    }
}
@media only screen and (max-width: 480px) {
    /* Force table to not be like tables anymore
     -------------------------------------------- */
    .table-vertical table, .table-vertical thead, .table-vertical tbody, .table-vertical th, .table-vertical td, .table-vertical tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility)
     -------------------------------------------- */
    .table-vertical table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-vertical table tbody tr {
        border-bottom: 1px solid #ccc;
    }

    .table-vertical table td {
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

    .table-vertical table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    .table-vertical table td {
        text-align: right;
    }

    .table-vertical table td:before {
        content: attr(data-title);
    }
}